<template>
	<div>
		<input v-focus type="text">
		<p v-mycss>哈哈</p>
		<p>{{price | monyChange}}</p>
		<p>{{info| contextData}}</p>
	</div>
</template>
<script>
	export default {
		data(){
			return {
				price: 20,
				info:"郑顺志"
			}
		},
		// 局部使用
		directives:{
			focus:{
				inserted: function (el) {
					//聚焦元素
					el.focus();
			 }
			},
			mycss:{
				inserted: function (el) {
					el.style.color = "red";
				}
			}
		},
		filters: {
			monyChange: function (value) {
				if (typeof value === "number") {
					return "￥" + value;
				}
				return value;
			},

			contextData: function (value) {
				return value +  new Date();
			}


		}
	}
</script>
<style>
	
</style>